@media screen and (max-width: 800px) {

}

@font-face{
	font-family:woodfont;
	src: url(navbarfont.ttf);
}
@font-face{
	font-family:meepfont;
	src:url(MeepersWriting.ttf);
}
dl.topnav li{
	display: block;
	text-align:center;
	padding:14px 14px;
	text-decoration:none;	
}
article{
	z-index:2;
	float:left;
	width:800px;
	height:380px;
	margin-top:330px;
	padding-top:1px;
	padding-bottom:200px;
	padding-left:auto;
	font-family:meepfont;
	font-size:30px;
	background-color:rgb(238,232,216,.2);
	background-image: linear-gradient(to bottom, rgb(238,232,216,.3), rgb(195,168,133,.3));
	backdrop-filter: blur(5px) saturate(100%);
	margin-left:250px;
}
dl {
  list-style-type: none;
  display: flex;
  z-index:1;
  justify-content:center;
  font-size:18px;
  gap:.15px;
  font-family:woodfont;
  float:left;
  margin-left:420px;
  position:absolute;
  margin-top:20px;
  margin-bottom:90px;
  }
dl li a {
  display: block;
  color: blue;
  text-align: center;
  margin-top:200px;
  text-decoration: none;
}
#logo{
	z-index:-1;
	width:90%;
	height:auto;
	display:block;
	margin:auto;
	margin-left:295px;
	position:absolute;
}

#wrapper{
	width:700px;
	margin:0 auto;
	padding: 40px;
	position:absolute;
}
#navimg{
	z-index:-2;
	width:85%;
	position: absolute;
	inset-inline-start: 360px;
	inset-block-start: 0px;
}

dl a:visited{
	color:#c79c53;
}
dl a:hover{
	color:white;
	text-shadow: 0 0 5px #f2e45f, 0 0 5px #f2e45f, 0 0 5px #f2e45f;
}
a:link{
	color:#c79c53;
}s
dl a:active{
	color:#c79c53;
}